<div class="mui-content bg-gray">
  <div class="d-flex header">
    <div class="flex">
      <img src="./assets/images/address.png" class="address" (click)="showChoose()">
      <input type="text" class="province"  [(ngModel)]="showProvince" readonly>
    </div>
    <div class="flex text-center title">信贷猫</div>
    <div class="flex"></div>
  </div>
  <div class="city-list" *ngIf="isShow">
    <span class="city"  (click)="checkProvince()">全国</span>
    <span class="city" *ngFor="let city of _cityList"  (click)="checkProvince(city.value,city.text)">{{city.text}}</span>
  </div>
  <div class="d-flex filter-bar">
    <div class="flex filter">
      <select class="m-0" [(ngModel)]="money" (change)="getPrductList()">
        <option value="">金额不限</option>
        <option value="1000">1000元</option>
        <option value="5000">5000元</option>
        <option value="10000">1万</option>
        <option value="30000">3万</option>
        <option value="50000">5万</option>
        <option value="80000">8万</option>
        <option value="100000">10万</option>
      </select>
    </div>
    <div class="flex filter">
      <select class="m-0" [(ngModel)]="loantype" (change)="getPrductList()">
        <option value="">贷款类型</option>
        <option value="1">信用贷</option>
        <option value="2">购车贷</option>
        <option value="3">购房贷</option>
        <option value="4">房产抵押贷</option>
        <option value="5">车辆抵押贷</option>
        <option value="6">贵重资产抵押贷</option>
      </select>
    </div>
  </div>
  <ul class="product-list">
    <li *ngFor="let product of productList">
      <div (click)="setOrder(product.id,product.outerurl)">
        <div class="flex-table">
          <img class="flex-side " src="http://xdm.mengzhudai.com/{{product.picurl}}">
          <div class="flex">
            {{ product.title }}
            <div class="strat-row">
              <span class="start {{product.islevel >= 1 ? 'active' : ''}}"></span>
              <span class="start {{product.islevel >= 2 ? 'active' : ''}}"></span>
              <span class="start {{product.islevel >= 3 ? 'active' : ''}}"></span>
              <span class="start {{product.islevel >= 4 ? 'active' : ''}}"></span>
              <span class="start {{product.islevel >= 5 ? 'active' : ''}}"></span>
            </div>
            <div class="">
            <span class="tag {{ i%3==0 ? 'tag-orange' : ''}} {{ i%3==1 ? 'tag-red' : ''}} {{ i%3==2 ? 'tag-gray' : ''}}" *ngFor="let flag of product.flag;let i = index">
              {{ flags[flag] }}
            </span>
            </div>
          </div>
        </div>
        <div class="footer-bar">
          {{ product.brief }}
        </div>
      </div>
    </li>
  </ul>

  <div class="float-bar">
    <img class="flex-side " src="./assets/images/logo.png">
    <div class="flex">下载APP，下款率更高</div>
    <button type="button" class="mui-btn" (click)="download()">立即下载</button>
  </div>

</div>
